<template>
    <div class="md-dt-topShowdata">
        <ul>
            <li>
                今日配送任务：{{toDayTaskCount}}
            </li>
            <li>
                待配送任务：{{waitCount}}
            </li>
            <li>
                已配送待接收：{{TBReceiveCount}}
            </li>
            <li>
                配送已接收：{{finishedCount}}
            </li>
            <!-- <li style="color:black;margin-left:8px">
                工作器具包：<span v-for="(item,index) in gzbqjTM" :key=index>{{item}}，</span>
            </li> -->
        </ul>
    </div>
</template>
<script>
import { mdDtTopShowData } from "@/utils/api.js"
export default {
    name:"MdDtTopShowdata",
    data(){
        return{
            gzbqjTM:[],
            toDayTaskCount:'',
            waitCount:'',
            TBReceiveCount:'',
            finishedCount:'',
        }
    },
    mounted(){
        // TopShowData
        mdDtTopShowData({

        }).then((res)=>{
            console.log('配送任务顶部showdata',res)
            this.toDayTaskCount = res.data.responseBody.toDayTaskCount
            this.waitCount = res.data.responseBody.waitCount
            this.TBReceiveCount = res.data.responseBody.TBReceiveCount
            this.finishedCount = res.data.responseBody.finishedCount
        })
        // 接收器具码展示
        this.$bus.$on('mdDtShowGzbqjtm',(e)=>{
            this.gzbqjTM = e
        })
    }
}
</script>
<style scoped>
.md-dt-topShowdata {
    height: 40px;
    overflow: hidden;
}
.md-dt-topShowdata ul li {
    float: left;
    margin-right: 15px;
    line-height: 40px;
    font-size: 14px;
    color: #5c91df;
}
</style>